<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '卡管理画面充值',
          contents: [
            '点击“开实体卡”就跳转到卡管理画面，需要先充值（充值金额大于卡押金金额）。只有先充值才能开实体卡。',
            '点击“开实体卡”后弹出开实体卡的对话框，把卡放在读卡器上点击“读卡”，读卡完毕后点击“开卡”。实体卡开卡完成。'
          ],
          urls: [
            '/static/imgs/card/manager_1.png',
            '/static/imgs/card/manager_2.png'
          ]
        }, {
          title: '查看充值、消费记录等',
          contents: [
            '在卡管理报表里可以查看充值记录，消费记录，补贴记录和操作日志。'
          ],
          urls: [
            '/static/imgs/card/manager_3.png'
          ]
        }, {
          title: '补卡片',
          contents: [
            '在卡片信息区域点击“补卡片”',
            '点击“补卡片”后能弹出补卡对话框，把新卡放在读卡器上，点击“读新卡”读取到新的卡片编号后，点击“补卡”后就补卡成功了。'
          ],
          urls: [
            '/static/imgs/card/manager_4.png',
            '/static/imgs/card/manager_5.png'
          ]
        }, {
          title: '冻结卡片',
          contents: [
            '在卡片信息区域点击“冻结”，点击后提示确认对话框，点击“确定”后冻结成功'
          ],
          urls: [
            '/static/imgs/card/manager_6.png'
          ]
        }, {
          title: '退卡片',
          contents: [
            '点击“退卡片”后显示退卡片对话框，有卡片选项和无卡片选项，如果选择有卡片，把卡放在读卡器上读取，点击“读卡”后原卡编号能够显示，点击“退卡”就能够退卡。',
            '如果选择无卡片就不需要退押金，点击“退卡”就可以直接进行实体卡退卡。'
          ],
          urls: [
            '/static/imgs/card/manager_7.png',
            '/static/imgs/card/manager_8.png'
          ]
        }, {
          title: '退卡',
          contents: [
            '点击“退卡”后提示确认要退卡的对话框，点击“确定”后能够退卡。（想要退卡需要先退实体卡后才能退电子卡）',
            ''
          ],
          urls: [
            '/static/imgs/card/manager_9.png',
            '/static/imgs/card/manager_10.png'
          ]
        }, {
          title: '修改用户信息',
          contents: [
            '在卡管理页面点击“修改”会出现修改用户信息的对话框。',
            '修改用户信息对话框里可以修改姓名和手机号。',
            '点击食客类别的“修改”，还可以修改食客类别。'
          ],
          urls: [
            '/static/imgs/card/manager_11.png',
            '/static/imgs/card/manager_12.png',
            '/static/imgs/card/manager_13.png'
          ]
        }, {
          title: '充值退款',
          contents: [
            '充值成功24小时之内，在充值记录的操作里有退款的选项。',
            ''
          ],
          urls: [
            '/static/imgs/card/manager_14.png',
            '/static/imgs/card/manager_15.png'
          ]
        }, {
          title: '修改卡类型',
          contents: [
            '在卡管理画面点击“修改”就可以更改卡类型。'
          ],
          urls: [
            '/static/imgs/card/manager_16.png'
          ]
        }, {
          title: '单独补贴',
          contents: [
            '在卡管理画面能够单独进行补贴金额和次数的充值，如下图',
            ''
          ],
          urls: [
            '/static/imgs/card/manager_17.png',
            '/static/imgs/card/manager_18.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
